Update install scheme pages to reflect selected Cloud URL#286
Conversation
Signed-off-by: Dom Del Nano <ddelnano@gmail.com> (cherry picked from commit 58a19b0)
Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
✅ Deploy Preview for docs-px-dev ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
| interface Props { | ||
| interface Props { } | ||
|
|
||
| export const CliDeployInstructions: React.FC<Props> = () => { |
There was a problem hiding this comment.
Maybe you can make this a generic TemplatedCodeBlock component which takes the desired commands a prop:
<TemplatedCodeBlock
code={`
# List Pixie deployment options.
px deploy --help
# Deploy the Pixie Platform in your K8s cluster (No OLM present on cluster).
export PL_CLOUD_ADDR=@@`
}
/>
Let me know if that makes sense/if you need any help with that.
There was a problem hiding this comment.
Thanks for this suggestion! I didn't realize that passing as a prop would be different than accepting the string from within a component's tags.
I've updated this to reflect this and also made changes to the Helm and YAML install pages as well. I would recommend reviewing my later changes commit by commit since I made another few adjustments along the way: renaming @@ to @PLACEHOLDER and renaming PL_ -> PX_.
…void MDX library issues Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
…or drop down Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
Signed-off-by: Dom Del Nano <ddelnano@gmail.com>
| px deploy --help \n | ||
| # Deploy the Pixie Platform in your K8s cluster (No OLM present on cluster). |
There was a problem hiding this comment.
@aimichelle leaving the empty lines in this template string caused the following compilation issues:
ERROR #11321 PLUGIN
"gatsby-plugin-mdx" threw an error while running the onCreateNode lifecycle:
unknown: Unexpected token, expected "{" (1:7)
> 1 | export PX_CLOUD_ADDR=@PLACEHOLDER@
| ^
2 | px deploy --extract_yaml ./ --deploy_key <PIXIE_DEPLOYMENT_KEY> --deploy_olm=false \n
3 | # Extract YAML (Self-hosting Pixie Cloud).
4 | px deploy --extract_yaml ./ --deploy_key <PIXIE_DEPLOYMENT_KEY> --dev_cloud_namespace plc \n/home/ddelnano/code/docs.px.dev/content/en/02-installing-pixie/04-install-schemes/02-yaml.md: unknown: Unexpected token, expected "{" (1:7)
> 1 | export PX_CLOUD_ADDR=@PLACEHOLDER@
| ^
2 | px deploy --extract_yaml ./ --deploy_key <PIXIE_DEPLOYMENT_KEY> --deploy_olm=false \n
3 | # Extract YAML (Self-hosting Pixie Cloud).
4 | px deploy --extract_yaml ./ --deploy_key <PIXIE_DEPLOYMENT_KEY> --dev_cloud_namespace plc \n
31 | const createAndProcessNode = path => {
32 | const fileNodePromise = createFileNode(path, createNodeId, pluginOptions).then(fileNode => {
> 33 | createNode(fileNode);
| ^
34 | return null;
35 | });
36 | return fileNodePromise;
File: node_modules/gatsby-source-filesystem/gatsby-node.js:33:7
SyntaxError: unknown: Unexpected token, expected "{" (1:7)
> 1 | export PX_CLOUD_ADDR=@ 9mPLACEHOLDER@
| ^
2 | px deploy --extract_yaml ./ --deploy_ke y <PIXIE_DEPLOYMENT_KEY> --deploy_olm=false [39m \n
3 | # Extract YAML (Self-hosting Pixie Cloud).
4 | px deploy --extract_yaml ./ --deploy_ke y <PIXIE_DEPLOYMENT_KEY> --dev_cloud_namespace plc 1m\n/home/ddelnano/code/docs.px.dev/content/en/02-installing-pixie/04-instal l-schemes/02-yaml.md: unknown: Unexpected token, expected "{" (1:7)
> 1 | export PX_CLOUD_ADDR=@ 9mPLACEHOLDER@
| ^
2 | px deploy --extract_yaml ./ --deploy_ke y <PIXIE_DEPLOYMENT_KEY> --deploy_olm=false [39m \n
3 | # Extract YAML (Self-hosting Pixie Cloud).
4 | px deploy --extract_yaml ./ --deploy_ke y <PIXIE_DEPLOYMENT_KEY> --dev_cloud_namespace plc 1m\n
SyntaxError: unknown: Unexpected token, expected "{" (1:7)
> 1 | export PX_CLOUD_ADDR=@ 9mPLACEHOLDER@
| ^
2 | px deploy --extract_yaml ./ --deploy_ke y <PIXIE_DEPLOYMENT_KEY> --deploy_olm=false [39m \n
3 | # Extract YAML (Self-hosting Pixie Cloud).
4 | px deploy --extract_yaml ./ --deploy_ke y <PIXIE_DEPLOYMENT_KEY> --dev_cloud_namespace plc 1m\n/home/ddelnano/code/docs.px.dev/content/en/02-installing-pixie/04-instal l-schemes/02-yaml.md: unknown: Unexpected token, expected "{" (1:7)
> 1 | export PX_CLOUD_ADDR=@ 9mPLACEHOLDER@
| ^
2 | px deploy --extract_yaml ./ --deploy_ke y <PIXIE_DEPLOYMENT_KEY> --deploy_olm=false [39m \n
3 | # Extract YAML (Self-hosting Pixie Cloud).
4 | px deploy --extract_yaml ./ --deploy_ke y <PIXIE_DEPLOYMENT_KEY> --dev_cloud_namespace plc 1m\n
Adding \n here was required to keep the line spacing the same. The other thing I tried was adding \n on its own line, but that introduces more spacing than the approach I took as seen in the highlighted text below
If you have any suggestions here, let me know.
Signed-off-by: Dom Del Nano <ddelnano@gmail.com>


Summary: Update install scheme pages to reflect selected Cloud URL
This updates the CLI, Helm and YAML install scheme pages so that the instructions are copy and paste-able. See the screenshots below for the before and after.
Before:

After: